What are different form elements in HTML ?

Form Elements in HTML

HTML forms are used to collect user input. A form contains different types of form elements, each serving a specific purpose to capture data like text, numbers, options, or files.

Common Form Elements

<form> – Defines the form container.
<input> – Used for text fields, checkboxes, radio buttons, passwords, etc.
<label> – Defines a label for input elements.
<textarea> – For multi-line text input.
<button> – Defines a clickable button.
<select> and <option> – Dropdown list of options.
<fieldset> and <legend> – Group related form elements with a caption.
<datalist> – Provides an autocomplete list of options for an input.
<output> – Displays the result of a calculation.
<meter> and <progress> – Represent measurements and progress status.

Example of a Simple Form

Question Loading...

What are different form elements in HTML ?

Form Elements in HTML

HTML forms are used to collect user input. A form contains different types of form elements, each serving a specific purpose to capture data like text, numbers, options, or files.

Common Form Elements

<form> – Defines the form container.
<input> – Used for text fields, checkboxes, radio buttons, passwords, etc.
<label> – Defines a label for input elements.
<textarea> – For multi-line text input.
<button> – Defines a clickable button.
<select> and <option> – Dropdown list of options.
<fieldset> and <legend> – Group related form elements with a caption.
<datalist> – Provides an autocomplete list of options for an input.
<output> – Displays the result of a calculation.
<meter> and <progress> – Represent measurements and progress status.

Example of a Simple Form